<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="language" content="zh-CN">
  <meta name="title" content="程序员晨光">
  <meta name="github" content="https://mp.weixin.qq.com/s/yHPIPa_MdC5fWPDaExyUBg">
  <meta name="describe" content="欢迎点赞分享 ">

  <title>💗 登飞朋友专属女神节祝福 💗</title>
  
  <link rel="stylesheet" href="style.css">
  <style type="text/css">
    body {
      margin: 0;
      height: 100vh;
      overflow: hidden;
      background: #333;
      /* background-image: url('https://img2.baidu.com/it/u=398382634,3682990943&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; */
    }
  </style>
</head>

<body>
  <canvas id="pinkboard" width="1707" height="868"></canvas>
  <canvas id="heart" width="1000" height="600"></canvas>
  <canvas id="canvas" width="1707" height="868"></canvas>
  <div class="type_words" id="contents"></div>
  <a href="https://mp.weixin.qq.com/s/ax9z8KTBvpevtPMHH74Xcg" class="hide_buttom"
    style="position: fixed;top: 4%;right: 10px;width: 35px;height: 35px;z-index: 999;background: #696969;border-radius: 50%;padding: 1.0px;text-align: center;color: #ddd;text-decoration: none;   clear: both; line-height: 35px; 	margin:auto;   font-size: 13px;   ">制作</a>

  <a href="" class="hide_buttom"
    style="position: fixed;top: 10%;right: 10px;width: 35px;height: 35px;z-index: 999;background: #696969;border-radius: 50%;padding: 1.0px;text-align: center;color: #ddd;text-decoration: none;   clear: both; line-height: 35px; 	margin:auto;   font-size: 13px;   ">更多</a>
  <script src="script.js">
  </script>
  <script>
    // 修改文字 想要多几个飘着的文字
    var texts = ['', '女神节快乐', ''];
    fillText(texts);
    heartBeat();
  // 动画线条画爱心方法
  // 画完才出现文字 和满屏爱心
  // lineHeartAni();
  </script>
  <script>
    function start() {
      const text = [
      ]
      let str = text.join('<br><br>')
      let str_ = ''
      let i = 0
      let content = document.getElementById('contents')
      let timer = setInterval(() => {
        if (str_.length < str.length) {
          str_ += str[i++]
          content.innerHTML = '<p>' + str_ + '<span class="xx" style="opacity: 1;    color: red;">❤</span></p>'                        //打印时加光标
        } else {
          clearInterval(timer)
          content.innerHTML = '<p>' + str_ + '</p>'
        }
      }, 100)
    }
    setTimeout(() => {
      start();
    }, 1000);
  </script>
</body>

</html>